<template>
  <div>
    <tab-bar>
      <tabbar-item>
        <template v-slot:icon><img src="#" alt /></template>
        <template v-slot:icon_active><img src="#" alt /></template>
        <template v-slot:text><p>首页</p></template>
      </tabbar-item>
      <tabbar-item>
        <template v-slot:icon><img src="#" alt /></template>
        <template v-slot:icon_active><img src="#" alt /></template>
        <template v-slot:text><p>首页</p></template>
      </tabbar-item>
      <tabbar-item>
        <template v-slot:icon><img src="#" alt /></template>
        <template v-slot:icon_active><img src="#" alt /></template>
        <template v-slot:text><p>首页</p></template>
      </tabbar-item>
      <tabbar-item>
        <template v-slot:icon><img src="#" alt /></template>
        <template v-slot:icon_active><img src="#" alt /></template>
        <template v-slot:text><p>首页</p></template>
      </tabbar-item>
    </tab-bar>
  </div>
</template>

<script>
import TabBar from '../content/TabBar.vue'
import TabbarItem from '../content/TabbarItem.vue'
export default {
  components: { TabBar, TabbarItem },

}
</script>

<style>

</style>